<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <!--工作区
     创建节点
     document.createElement(标签名)
     删除节点
     父节点.removeChild(子节点)
     替换节点
     父节点.replaceChild(新节点，旧节点)
     插入节点
     父节点.appendChild(子节点)
     父节点.insertBefore(新节点，旧节点)
     

     使用CSS选择器进行查询
     querySelector()
     querySelectorAll()

     其他属性
     nodeValue
     文本节点可以通过nodeValue属性获取和设置文本节点的内容
     innerHTML
     元素节点通过该属性获取和设置标签内部的html代码
     

     元素节点的属性
     元素对象。属性名
     element.id
     element.className

     获取元素节点的子节点
     1)getElementsByTagName()
    返回当前节点的指定标签名后代节点
    2) childNodes
    表示当前节点的所有子节点
    3)firstChild
    表示当前节点的第一个子节点
    4) lastChild
    表示当前节点的最后一个子节点

   获取元素节点
    通过document对象调用
    getElementById()
    通过id属性获取一个元素节点对象
    getElementsByTagName()
    通过标签名获取一组元素节点对象
    getElementsByName()
    通过name属性获取一组元素节点对象

    属性节点(attr)
    元素节点.getAttributeNode("属性名");


    文本节点text
    元素节点.firstChild

    元素节点（Element）
    document.getElementById()
    根据id属性值获取一个元素节点对象

    节点
    节点：Node——构成HTML文档最基本的单元。
    常用节点分为四类
    文档节点：整个HTML文档
    元素节点：HTML文档中的HTML标签
    属性节点：元素的属性
    文本节点：HTML标签中的文本内容

        -->

</body>
</html>